﻿<!DOCTYPE html>
<html>
  <head>
    <title>2.4.1样式系统</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/2_4_1样式系统/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/2_4_1样式系统/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u5807" class="ax_default box_2">
        <img id="u5807_img" class="img " src="images/2_2_2_3查看论坛/u1975.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5808" class="ax_default box_3">
        <img id="u5808_img" class="img " src="images/2_2_2_3查看论坛/u1976.png"/>
      </div>

      <!-- 页面标题 (矩形) -->
      <div id="u5809" class="ax_default _默认样式" data-label="页面标题">
        <img id="u5809_img" class="img " src="images/2_2_3媒体库/页面标题_u2370.png"/>
        <div id="u5809_text" class="text ">
          <p><span>样式系统</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5810" class="ax_default box_3">
        <img id="u5810_img" class="img " src="images/2_2_2_3查看论坛/u1977.png"/>
      </div>

      <!-- 线条 (动态面板) -->
      <div id="u5811" class="ax_default" data-label="线条">
        <div id="u5811_state0" class="panel_state" data-label="线条" style="">
          <div id="u5811_state0_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u5812" class="ax_default" data-left="12" data-top="64" data-width="151" data-height="30">

        <!-- Unnamed (矩形) -->
        <div id="u5813" class="ax_default _跳转-移入">
          <img id="u5813_img" class="img " src="images/2_2_1_1新增话题/u1248.png"/>
          <div id="u5813_text" class="text ">
            <p><span>搜索</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u5814" class="ax_default icon">
          <img id="u5814_img" class="img " src="images/2_1_2首页_2/u815.png"/>
        </div>
      </div>

      <!-- 线条 (动态面板) -->
      <div id="u5815" class="ax_default" data-label="线条">
        <div id="u5815_state0" class="panel_state" data-label="State1" style="">
          <div id="u5815_state0_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u5816" class="ax_default line">
        <img id="u5816_img" class="img " src="images/2_2_2_3查看论坛/u1983.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5817" class="ax_default _默认样式">
        <img id="u5817_img" class="img " src="images/2_2_5_2b标签/u4359.png"/>
        <div id="u5817_text" class="text ">
          <p><span>主题</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u5818" class="ax_default icon">
        <img id="u5818_img" class="img " src="images/2_2_5_2b标签/u4361.png"/>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u5819" class="ax_default" data-left="211" data-top="191" data-width="1056" data-height="357">

        <!-- Unnamed (图片) -->
        <div id="u5820" class="ax_default _图片_">
          <img id="u5820_img" class="img " src="images/2_4_1样式系统/u5820.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5821" class="ax_default _默认样式">
        <img id="u5821_img" class="img " src="images/2_2_5_2b标签/u4359.png"/>
        <div id="u5821_text" class="text ">
          <p><span>颜色</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u5822" class="ax_default icon">
        <img id="u5822_img" class="img " src="images/2_2_5_2b标签/u4361.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5823" class="ax_default box_1">
        <img id="u5823_img" class="img " src="images/2_4_1样式系统/u5823.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5824" class="ax_default box_1">
        <img id="u5824_img" class="img " src="images/2_4_1样式系统/u5824.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5825" class="ax_default box_1">
        <img id="u5825_img" class="img " src="images/2_4_1样式系统/u5825.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5826" class="ax_default box_1">
        <img id="u5826_img" class="img " src="images/2_4_1样式系统/u5826.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5827" class="ax_default box_1">
        <img id="u5827_img" class="img " src="images/2_4_1样式系统/u5827.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5828" class="ax_default box_1">
        <img id="u5828_img" class="img " src="images/2_4_1样式系统/u5828.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5829" class="ax_default box_1">
        <img id="u5829_img" class="img " src="images/2_4_1样式系统/u5829.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5830" class="ax_default box_1">
        <img id="u5830_img" class="img " src="images/2_4_1样式系统/u5830.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5831" class="ax_default box_1">
        <img id="u5831_img" class="img " src="images/2_4_1样式系统/u5831.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5832" class="ax_default box_1">
        <img id="u5832_img" class="img " src="images/2_4_1样式系统/u5832.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5833" class="ax_default box_1">
        <img id="u5833_img" class="img " src="images/2_4_1样式系统/u5833.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5834" class="ax_default _默认样式">
        <img id="u5834_img" class="img " src="images/2_2_5_2b标签/u4359.png"/>
        <div id="u5834_text" class="text ">
          <p><span>按钮样式</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u5835" class="ax_default icon">
        <img id="u5835_img" class="img " src="images/2_2_5_2b标签/u4361.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5836" class="ax_default box_1">
        <img id="u5836_img" class="img " src="images/2_4_1样式系统/u5823.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5837" class="ax_default button">
        <img id="u5837_img" class="img " src="images/2_4_1样式系统/u5837.png"/>
        <div id="u5837_text" class="text ">
          <p><span>BUTTON</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5838" class="ax_default button">
        <img id="u5838_img" class="img " src="images/2_4_1样式系统/u5838.png"/>
        <div id="u5838_text" class="text ">
          <p><span>BUTTON</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5839" class="ax_default button">
        <img id="u5839_img" class="img " src="images/2_4_1样式系统/u5839.png"/>
        <div id="u5839_text" class="text ">
          <p><span>BUTTON</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u5840" class="ax_default button">
        <img id="u5840_img" class="img " src="images/2_4_1样式系统/u5840.png"/>
        <div id="u5840_text" class="text ">
          <p><span>BUTTON</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5841" class="ax_default _默认样式">
        <img id="u5841_img" class="img " src="images/2_2_5_2b标签/u4359.png"/>
        <div id="u5841_text" class="text ">
          <p><span>按钮大小</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u5842" class="ax_default icon">
        <img id="u5842_img" class="img " src="images/2_2_5_2b标签/u4361.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5843" class="ax_default box_1">
        <img id="u5843_img" class="img " src="images/2_4_1样式系统/u5823.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5844" class="ax_default button">
        <img id="u5844_img" class="img " src="images/2_4_1样式系统/u5839.png"/>
        <div id="u5844_text" class="text ">
          <p><span>BUTTON</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5845" class="ax_default button">
        <img id="u5845_img" class="img " src="images/2_4_1样式系统/u5845.png"/>
        <div id="u5845_text" class="text ">
          <p><span>BUTTON</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5846" class="ax_default button">
        <img id="u5846_img" class="img " src="images/2_4_1样式系统/u5846.png"/>
        <div id="u5846_text" class="text ">
          <p><span>BUTTON</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5847" class="ax_default button">
        <img id="u5847_img" class="img " src="images/2_4_1样式系统/u5847.png"/>
        <div id="u5847_text" class="text ">
          <p><span>BUTTON</span></p>
        </div>
      </div>

      <!-- 主题 (动态面板) -->
      <div id="u5848" class="ax_default ax_default_hidden" data-label="主题" style="display:none; visibility: hidden">
        <div id="u5848_state0" class="panel_state" data-label="State1" style="">
          <div id="u5848_state0_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u5849" class="ax_default box_1">
              <img id="u5849_img" class="img " src="images/2_2_5_2b标签/u4426.png"/>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u5850" class="ax_default" data-left="383" data-top="221" data-width="280" data-height="298">

              <!-- Unnamed (矩形) -->
              <div id="u5851" class="ax_default box_1">
                <img id="u5851_img" class="img " src="images/2_2_5_2b标签/u4428.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u5852" class="ax_default label">
                <img id="u5852_img" class="img " src="images/2_4_1样式系统/u5852.png"/>
                <div id="u5852_text" class="text ">
                  <p><span>上传本地主题</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u5853" class="ax_default _跳转-移入">
                <img id="u5853_img" class="img " src="images/2_2_5_2b标签/u4430.png"/>
                <div id="u5853_text" class="text ">
                  <p><span>确定</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u5854" class="ax_default _跳转-移入">
                <img id="u5854_img" class="img " src="images/2_2_5_2b标签/u4430.png"/>
                <div id="u5854_text" class="text ">
                  <p><span>返回</span></p>
                </div>
              </div>

              <!-- Unnamed (图片) -->
              <div id="u5855" class="ax_default _图片_">
                <img id="u5855_img" class="img " src="images/2_4_1样式系统/u5855.png"/>
              </div>

              <!-- 1109 (文本框) -->
              <div id="u5856" class="ax_default text_field" data-label="1109">
                <input id="u5856_input" type="file" value=""/>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 颜色 (动态面板) -->
      <div id="u5857" class="ax_default ax_default_hidden" data-label="颜色" style="display:none; visibility: hidden">
        <div id="u5857_state0" class="panel_state" data-label="State1" style="">
          <div id="u5857_state0_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u5858" class="ax_default box_1">
              <img id="u5858_img" class="img " src="images/2_2_5_2b标签/u4426.png"/>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u5859" class="ax_default" data-left="383" data-top="221" data-width="280" data-height="298">

              <!-- Unnamed (矩形) -->
              <div id="u5860" class="ax_default box_1">
                <img id="u5860_img" class="img " src="images/2_2_5_2b标签/u4428.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u5861" class="ax_default label">
                <img id="u5861_img" class="img " src="images/2_2_5_2b标签/u4429.png"/>
                <div id="u5861_text" class="text ">
                  <p><span>新建颜色</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u5862" class="ax_default _跳转-移入">
                <img id="u5862_img" class="img " src="images/2_2_5_2b标签/u4430.png"/>
                <div id="u5862_text" class="text ">
                  <p><span>确定</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u5863" class="ax_default _跳转-移入">
                <img id="u5863_img" class="img " src="images/2_2_5_2b标签/u4430.png"/>
                <div id="u5863_text" class="text ">
                  <p><span>返回</span></p>
                </div>
              </div>

              <!-- Unnamed (组合) -->
              <div id="u5864" class="ax_default" data-left="439" data-top="306" data-width="165" data-height="101">

                <!-- Unnamed (矩形) -->
                <div id="u5865" class="ax_default box_1">
                  <img id="u5865_img" class="img " src="images/2_4_1样式系统/u5865.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u5866" class="ax_default box_1">
                  <img id="u5866_img" class="img " src="images/2_4_1样式系统/u5866.png"/>
                </div>

                <!-- Unnamed (三角形) -->
                <div id="u5867" class="ax_default box_1">
                  <img id="u5867_img" class="img " src="images/2_4_1样式系统/u5867.png"/>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 按钮 (动态面板) -->
      <div id="u5868" class="ax_default ax_default_hidden" data-label="按钮" style="display:none; visibility: hidden">
        <div id="u5868_state0" class="panel_state" data-label="State1" style="">
          <div id="u5868_state0_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u5869" class="ax_default box_1">
              <img id="u5869_img" class="img " src="images/2_2_5_2b标签/u4426.png"/>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u5870" class="ax_default" data-left="383" data-top="221" data-width="280" data-height="298">

              <!-- Unnamed (矩形) -->
              <div id="u5871" class="ax_default box_1">
                <img id="u5871_img" class="img " src="images/2_2_5_2b标签/u4428.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u5872" class="ax_default label">
                <img id="u5872_img" class="img " src="images/2_4_1样式系统/u5852.png"/>
                <div id="u5872_text" class="text ">
                  <p><span>上传本地按钮</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u5873" class="ax_default _跳转-移入">
                <img id="u5873_img" class="img " src="images/2_2_5_2b标签/u4430.png"/>
                <div id="u5873_text" class="text ">
                  <p><span>确定</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u5874" class="ax_default _跳转-移入">
                <img id="u5874_img" class="img " src="images/2_2_5_2b标签/u4430.png"/>
                <div id="u5874_text" class="text ">
                  <p><span>返回</span></p>
                </div>
              </div>

              <!-- Unnamed (图片) -->
              <div id="u5875" class="ax_default _图片_">
                <img id="u5875_img" class="img " src="images/2_4_1样式系统/u5855.png"/>
              </div>

              <!-- 1109 (文本框) -->
              <div id="u5876" class="ax_default text_field" data-label="1109">
                <input id="u5876_input" type="file" value=""/>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 背景 (动态面板) -->
      <div id="u5877" class="ax_default" data-label="背景">
        <div id="u5877_state0" class="panel_state" data-label="1" style="">
          <div id="u5877_state0_content" class="panel_state_content">
          </div>
        </div>
        <div id="u5877_state1" class="panel_state" data-label="2" style="visibility: hidden;">
          <div id="u5877_state1_content" class="panel_state_content">
          </div>
        </div>
        <div id="u5877_state2" class="panel_state" data-label="3" style="visibility: hidden;">
          <div id="u5877_state2_content" class="panel_state_content">
          </div>
        </div>
        <div id="u5877_state3" class="panel_state" data-label="4" style="visibility: hidden;">
          <div id="u5877_state3_content" class="panel_state_content">
          </div>
        </div>
        <div id="u5877_state4" class="panel_state" data-label="5" style="visibility: hidden;">
          <div id="u5877_state4_content" class="panel_state_content">
          </div>
        </div>
        <div id="u5877_state5" class="panel_state" data-label="6" style="visibility: hidden;">
          <div id="u5877_state5_content" class="panel_state_content">
          </div>
        </div>
        <div id="u5877_state6" class="panel_state" data-label="7" style="visibility: hidden;">
          <div id="u5877_state6_content" class="panel_state_content">
          </div>
        </div>
        <div id="u5877_state7" class="panel_state" data-label="8" style="visibility: hidden;">
          <div id="u5877_state7_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5878" class="ax_default _默认样式 selected">
        <img id="u5878_img" class="img " src="images/1_1登录页面/u387.png"/>
        <div id="u5878_text" class="text ">
          <p><span>后台管理系统</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5879" class="ax_default _默认样式" selectiongroup="一级分类">
        <img id="u5879_img" class="img " src="images/1_1登录页面/u388.png"/>
        <div id="u5879_text" class="text ">
          <p><span>网站前台</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u5880" class="ax_default _图片1">
        <img id="u5880_img" class="img " src="images/1_1登录页面/u389.png"/>
      </div>

      <!-- Unnamed (导航) -->

      <!-- Unnamed (动态面板) -->
      <div id="u5882" class="ax_default">
        <div id="u5882_state0" class="panel_state" data-label="State1" style="">
          <div id="u5882_state0_content" class="panel_state_content">

            <!-- Unnamed (组合) -->
            <div id="u5883" class="ax_default" data-left="0" data-top="0" data-width="174" data-height="41">

              <!-- Unnamed (矩形) -->
              <div id="u5884" class="ax_default box_1">
                <img id="u5884_img" class="img " src="images/2_1_1首页/u750.png"/>
                <div id="u5884_text" class="text ">
                  <p><span>系统管理</span></p>
                </div>
              </div>

              <!-- down (形状) -->
              <div id="u5885" class="ax_default icon" data-label="down">
                <img id="u5885_img" class="img " src="images/2_1_1首页/down_u751.png"/>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u5886" class="ax_default icon">
                <img id="u5886_img" class="img " src="images/2_1_1首页/u752.png"/>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5887" class="ax_default box_1">
              <img id="u5887_img" class="img " src="images/2_1_1首页/u753.png"/>
              <div id="u5887_text" class="text ">
                <p><span>权限系统</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5888" class="ax_default box_1">
              <img id="u5888_img" class="img " src="images/2_1_1首页/u753.png"/>
              <div id="u5888_text" class="text ">
                <p><span>公告系统</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5889" class="ax_default box_1">
              <img id="u5889_img" class="img " src="images/2_1_1首页/u753.png"/>
              <div id="u5889_text" class="text ">
                <p><span>样式系统</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5890" class="ax_default box_1">
              <img id="u5890_img" class="img " src="images/2_1_1首页/u756.png"/>
              <div id="u5890_text" class="text ">
                <p><span>&#149; 新增公告</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5891" class="ax_default box_1">
              <img id="u5891_img" class="img " src="images/2_1_1首页/u756.png"/>
              <div id="u5891_text" class="text ">
                <p><span>&#149; 编辑公告</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5892" class="ax_default box_1">
              <img id="u5892_img" class="img " src="images/2_1_1首页/u756.png"/>
              <div id="u5892_text" class="text ">
                <p><span>&#149; 历史公告</span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u5882_state1" class="panel_state" data-label="State2" style="visibility: hidden;">
          <div id="u5882_state1_content" class="panel_state_content">

            <!-- Unnamed (组合) -->
            <div id="u5893" class="ax_default" data-left="0" data-top="0" data-width="174" data-height="41">

              <!-- Unnamed (矩形) -->
              <div id="u5894" class="ax_default box_1">
                <img id="u5894_img" class="img " src="images/2_1_1首页/u750.png"/>
                <div id="u5894_text" class="text ">
                  <p><span>系统管理</span></p>
                </div>
              </div>

              <!-- down (形状) -->
              <div id="u5895" class="ax_default icon" data-label="down">
                <img id="u5895_img" class="img " src="images/2_1_1首页/down_u751.png"/>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u5896" class="ax_default icon">
                <img id="u5896_img" class="img " src="images/2_1_1首页/u752.png"/>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u5897" class="ax_default" data-left="0" data-top="80" data-width="174" data-height="41">

        <!-- Unnamed (矩形) -->
        <div id="u5898" class="ax_default box_1">
          <img id="u5898_img" class="img " src="images/2_1_1首页/u750.png"/>
          <div id="u5898_text" class="text ">
            <p><span>网站总览</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u5899" class="ax_default icon">
          <img id="u5899_img" class="img " src="images/2_1_1首页/u752.png"/>
        </div>
      </div>

      <!-- 内容管理 (动态面板) -->
      <div id="u5900" class="ax_default" data-label="内容管理">
        <div id="u5900_state0" class="panel_state" data-label="State1" style="">
          <div id="u5900_state0_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u5901" class="ax_default box_1">
              <img id="u5901_img" class="img " src="images/2_1_1首页/u753.png"/>
              <div id="u5901_text" class="text ">
                <p><span>情绪天气</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5902" class="ax_default box_1">
              <img id="u5902_img" class="img " src="images/2_1_1首页/u753.png"/>
              <div id="u5902_text" class="text ">
                <p><span>匿语</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u5903" class="ax_default" data-left="0" data-top="0" data-width="174" data-height="41">

              <!-- Unnamed (矩形) -->
              <div id="u5904" class="ax_default box_1">
                <img id="u5904_img" class="img " src="images/2_1_1首页/u750.png"/>
                <div id="u5904_text" class="text ">
                  <p><span>内容管理</span></p>
                </div>
              </div>

              <!-- down (形状) -->
              <div id="u5905" class="ax_default icon" data-label="down">
                <img id="u5905_img" class="img " src="images/2_1_1首页/down_u751.png"/>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u5906" class="ax_default icon">
                <img id="u5906_img" class="img " src="images/2_1_1首页/u752.png"/>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5907" class="ax_default box_1">
              <img id="u5907_img" class="img " src="images/2_1_1首页/u756.png"/>
              <div id="u5907_text" class="text ">
                <p><span>&#149; 新增话题</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u5908" class="ax_default" data-left="0" data-top="40" data-width="174" data-height="31">

              <!-- Unnamed (矩形) -->
              <div id="u5909" class="ax_default box_1">
                <img id="u5909_img" class="img " src="images/2_1_1首页/u753.png"/>
                <div id="u5909_text" class="text ">
                  <p><span>热门话题</span></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5910" class="ax_default box_1">
              <img id="u5910_img" class="img " src="images/2_1_1首页/u756.png"/>
              <div id="u5910_text" class="text ">
                <p><span>&#149; 评价墙</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5911" class="ax_default box_1">
              <img id="u5911_img" class="img " src="images/2_1_1首页/u756.png"/>
              <div id="u5911_text" class="text ">
                <p><span>&#149; 情绪列表</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5912" class="ax_default box_1">
              <img id="u5912_img" class="img " src="images/2_1_1首页/u753.png"/>
              <div id="u5912_text" class="text ">
                <p><span>校友论坛</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5913" class="ax_default box_1">
              <img id="u5913_img" class="img " src="images/2_1_1首页/u756.png"/>
              <div id="u5913_text" class="text ">
                <p><span>&#149; 新增论坛</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5914" class="ax_default box_1">
              <img id="u5914_img" class="img " src="images/2_1_1首页/u753.png"/>
              <div id="u5914_text" class="text ">
                <p><span>媒体库</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5915" class="ax_default box_1">
              <img id="u5915_img" class="img " src="images/2_1_1首页/u756.png"/>
              <div id="u5915_text" class="text ">
                <p><span>&#149; 新增教师资料</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5916" class="ax_default box_1">
              <img id="u5916_img" class="img " src="images/2_1_1首页/u756.png"/>
              <div id="u5916_text" class="text ">
                <p><span>&#149; 教师标签</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5917" class="ax_default box_1">
              <img id="u5917_img" class="img " src="images/2_1_1首页/u756.png"/>
              <div id="u5917_text" class="text ">
                <p><span>&#149; 分类管理</span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u5900_state1" class="panel_state" data-label="State2" style="visibility: hidden;">
          <div id="u5900_state1_content" class="panel_state_content">

            <!-- Unnamed (组合) -->
            <div id="u5918" class="ax_default" data-left="0" data-top="0" data-width="174" data-height="41">

              <!-- Unnamed (矩形) -->
              <div id="u5919" class="ax_default box_1">
                <img id="u5919_img" class="img " src="images/2_1_1首页/u750.png"/>
                <div id="u5919_text" class="text ">
                  <p><span>内容管理</span></p>
                </div>
              </div>

              <!-- down (形状) -->
              <div id="u5920" class="ax_default icon" data-label="down">
                <img id="u5920_img" class="img " src="images/2_1_1首页/down_u751.png"/>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u5921" class="ax_default icon">
                <img id="u5921_img" class="img " src="images/2_1_1首页/u752.png"/>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 用户管理 (动态面板) -->
      <div id="u5922" class="ax_default" data-label="用户管理">
        <div id="u5922_state0" class="panel_state" data-label="State1" style="">
          <div id="u5922_state0_content" class="panel_state_content">

            <!-- Unnamed (组合) -->
            <div id="u5923" class="ax_default" data-left="0" data-top="0" data-width="174" data-height="41">

              <!-- Unnamed (矩形) -->
              <div id="u5924" class="ax_default box_1">
                <img id="u5924_img" class="img " src="images/2_1_1首页/u750.png"/>
                <div id="u5924_text" class="text ">
                  <p><span>用户管理</span></p>
                </div>
              </div>

              <!-- down (形状) -->
              <div id="u5925" class="ax_default icon" data-label="down">
                <img id="u5925_img" class="img " src="images/2_1_1首页/down_u751.png"/>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u5926" class="ax_default icon">
                <img id="u5926_img" class="img " src="images/2_1_1首页/u752.png"/>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5927" class="ax_default box_1">
              <img id="u5927_img" class="img " src="images/2_1_1首页/u753.png"/>
              <div id="u5927_text" class="text ">
                <p><span>新增用户</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5928" class="ax_default box_1">
              <img id="u5928_img" class="img " src="images/2_1_1首页/u753.png"/>
              <div id="u5928_text" class="text ">
                <p><span>用户列表</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5929" class="ax_default box_1">
              <img id="u5929_img" class="img " src="images/2_1_1首页/u753.png"/>
              <div id="u5929_text" class="text ">
                <p><span>用户体系列表</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5930" class="ax_default box_1">
              <img id="u5930_img" class="img " src="images/2_1_1首页/u753.png"/>
              <div id="u5930_text" class="text ">
                <p><span>个人资料</span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u5922_state1" class="panel_state" data-label="State2" style="visibility: hidden;">
          <div id="u5922_state1_content" class="panel_state_content">

            <!-- Unnamed (组合) -->
            <div id="u5931" class="ax_default" data-left="0" data-top="0" data-width="174" data-height="41">

              <!-- Unnamed (组合) -->
              <div id="u5932" class="ax_default" data-left="0" data-top="0" data-width="174" data-height="41">

                <!-- Unnamed (矩形) -->
                <div id="u5933" class="ax_default box_1">
                  <img id="u5933_img" class="img " src="images/2_1_1首页/u750.png"/>
                  <div id="u5933_text" class="text ">
                    <p><span>用户管理</span></p>
                  </div>
                </div>

                <!-- down (形状) -->
                <div id="u5934" class="ax_default icon" data-label="down">
                  <img id="u5934_img" class="img " src="images/2_1_1首页/down_u751.png"/>
                </div>

                <!-- Unnamed (形状) -->
                <div id="u5935" class="ax_default icon">
                  <img id="u5935_img" class="img " src="images/2_1_1首页/u752.png"/>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5936" class="ax_default box_1">
        <img id="u5936_img" class="img " src="images/2_1_1首页/u802.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5937" class="ax_default label">
        <img id="u5937_img" class="img " src="images/2_1_1首页/u803.png"/>
        <div id="u5937_text" class="text ">
          <p><span>2.点击“+”可添加新主题、颜色、等等</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5938" class="ax_default label">
        <img id="u5938_img" class="img " src="images/2_1_1首页/u803.png"/>
        <div id="u5938_text" class="text ">
          <p><span>1.最左侧导航栏可实现菜单的收放</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5939" class="ax_default label">
        <img id="u5939_img" class="img " src="images/2_1_1首页/u806.png"/>
        <div id="u5939_text" class="text ">
          <p><span>该页面已经实现的交互：</span></p><p><span><br></span></p>
        </div>
      </div>
    </div>
  </body>
</html>
